import { Link, RepoLink } from '@brillout/docpress'
import { MostlyMutations } from '../../components'

Using Telefunc with [Next.js](https://nextjs.org).

## Example

- <RepoLink path="/examples/next" />

## Initial Data

<MostlyMutations
  toolName="Next.js"
  builtInMechanism={
    <p>
      For example, we can use Next.js's <code>getServerSideProps</code> to fetch initial data directly from a database,
      see{' '}
      <a href="https://nextjs.org/docs/basic-features/data-fetching/get-server-side-props">
        Next.js Docs &gt; Data Fetching &gt; getServerSideProps
      </a>
      {'.'}
    </p>
  }
/>
